@import './reset.css';

#app {
  width: 100vw;
  min-height: 100vh;
}
/* 优化滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 6px;
}

.chart-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  padding-top: 30px;
}

.chart-item {
  position: relative;
  width: 347px;
  height: 336px;
  background-color: #fff;
}

.chart-item h3 {
  position: absolute;
  left: 16px;
  bottom: 5px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
}

.chart {
  width: 150%;
  height: 128%;
  transform: scale(0.666);
  transform-origin: top left;
}